<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="renderer" content="webkit">
    <title>用户登录---润山东方百货自媒体微信服务后台管理系统</title>
    <link rel="stylesheet" href="<c:url value='/static/skins/css/pintuer.css'/>">
    <link rel="stylesheet" href="<c:url value='/static/skins/css/admin.css'/>">
    <script src="<c:url value='/static/plugins/jquery/1.11.2/jquery.js'/>"></script>
    <script src="<c:url value='/static/skins/js/pintuer.js'/>"></script>
    <script src="<c:url value='/static/skins/js/respond.js'/>"></script>
    <script src="<c:url value='/static/skins/js/admin.js'/>"></script>
    <link type="image/x-icon" href="<c:url value='/static/skins/images/favicon.ico'/>" rel="shortcut icon" />
    <link href="<c:url value='/static/skins/images/favicon.ico'/>" rel="bookmark icon" />
    <script type="text/javascript">
    	$(function () {
    		$("#valiCode").click(function () {
    			document.getElementById("valiCode").src="<c:url value='/valiCode'/>?"+Math.random();
    		});
    	});
    </script>
</head>

<body>
<div class="container">
    <div class="line">
        <div class="xs6 xm4 xs3-move xm4-move" style="margin-top: 15%;">
            <form action="<c:url value='login' />" method="post">
            <div class="panel">
                <div class="panel-head"><strong>润山东方百货自媒体微信服务后台管理系统</strong></div>
                <div class="panel-body" style="padding:30px;">
                	<span style="color: red; width: 100%; text-align: center;">${message }</span>
                	<br />
                    <div class="form-group">
                        <div class="field field-icon-right">
                            <input type="text" class="input" name="username" placeholder="登录账号" value="${username }" data-validate="required:请填写账号,length#>=5:账号长度不符合要求" />
                            <span class="icon icon-user"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="field field-icon-right">
                            <input type="password" class="input" name="password" placeholder="登录密码" data-validate="required:请填写密码,length#>=5:密码长度不符合要求" />
                            <span class="icon icon-key"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="field">
                            <input type="text" class="input" name="valiCode" placeholder="填写右侧的验证码" data-validate="required:请填写右侧的验证码" />
                            <img id="valiCode" src="<c:url value='/valiCode'/>" width="80" height="32" class="passcode" />
                        </div>
                    </div>
                </div>
                <div class="panel-foot text-center"><button class="button button-block bg-main text-big">立即登录后台</button></div>
            </div>
            </form>
        </div>
    </div>
</div>
</body>
</html>